<!DOCTYPE html>

<html>
<head>

	<title>车辆进入</title>

	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">

	<!-- <link rel="stylesheet" type="text/css" href="styles.css"> -->


	<!-- Bootstrap Core CSS -->
	<link href="../css/bootstrap.min.css" rel="stylesheet">

	<!-- MetisMenu CSS -->
	<link href="../css/metisMenu.min.css" rel="stylesheet">

	<!-- DataTables CSS -->
	<link href="../css/dataTables.bootstrap.css" rel="stylesheet">

	<!-- Custom CSS -->
	<link href="../css/sb-admin-2.css" rel="stylesheet">

	<!-- Custom Fonts -->
	<link href="../css/font-awesome.min.css" rel="stylesheet"
		  type="text/css">
	<link href="../css/boot-crm.css" rel="stylesheet"
		  type="text/css">
	<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
	<script type="text/javascript">
		function selects(){
			$.ajax({
				url : "../controller/start",
				data : $("#forms").serialize(),
				type : "get",
				dataType : "json",
				success : function(data){
					if(data===''){
						alert("获取数据失败");
					}else{
						alert("获取起始信息。。。");
						/* var ob=eval("("+data+")"); */
						for (var i = 0; i < data.length; i++) {
							var trHTML="<tr><td>"+data[i].Vehicle_id+"</td><td>"+data[i].Vehicle_status+"</td><td>"+data[i].Vehicle_number+"</td><td>"+data[i].entry_time+"</td><td>"+data[i].leave_time+"</td><td>"+data[i].time_quantum+"</td><td>"+data[i].spend+"</td></tr>";
							//在table的最后一行添加遍历的值
							$("#inp1").attr("value",data[i].Vehicle_number);
							$("#table1").append(trHTML);
						}
					}
				}
			})
		}
	</script>
	<style type="text/css">
		.box{
			float: right;
		}
		.box1{
			float: left;
		}
	</style>
</head>

<body>

<div id="wrapper">

	<!-- Navigation -->
	<nav class="navbar navbar-default navbar-static-top" role="navigation"
		 style="margin-bottom: 0">
		<div class="navbar-header">
			<h3>停车场管理系统 </h3>
		</div>
		<!-- /.navbar-header -->

		<ul class="nav navbar-top-links navbar-right">


			<!-- /.dropdown -->
			<li class="dropdown"><a class="dropdown-toggle"
									data-toggle="dropdown" href="#"> <i class="fa fa-user fa-fw"></i>
				<i class="fa fa-caret-down"></i>
			</a>
				<ul class="dropdown-menu dropdown-user">
<!--					<li><a href="/park-2/html/login.html"><i class="fa fa-user fa-fw"></i> 管理员设置</a></li>-->
<!--					<li><a href="/park-2/html/login.html"><i class="fa fa-gear fa-fw"></i> 系统设置</a></li>-->
					<li class="divider"></li>
					<li><a href="../html/login.html"><i class="fa fa-sign-out fa-fw"></i>
						退出登录</a></li>
				</ul> <!-- /.dropdown-user --></li>
			<!-- /.dropdown -->
		</ul>
		<!-- /.navbar-top-links -->
		<div class="navbar-default sidebar" role="navigation">
			<div class="sidebar-nav navbar-collapse">
				<ul class="nav" id="side-menu">
					<li class="sidebar-search">
						<div class="input-group custom-search-form">
							<form id="formc">
								<div class="box1">
									<input type="text" class="form-control" id ="inp1" name="car" placeholder="查询内容..." size="18px" v>
								</div>
								<div class="box">
									<!-- <span class="input-group-btn"> -->
									<button onclick="selects()" type="button">
										<i class="fa fa-search" style="padding: 7px 2px 7px 2px;"></i>
									</button>
									<!--</span>  -->
								</div>
							</form>
						</div> <!-- /input-group -->
					</li>
					<li>
						<a href="out.html" class="active"><i class="fa fa-edit fa-fw"></i>进入结算</a>
					</li>
				</ul>
			</div>
			<!-- /.sidebar-collapse -->
		</div>
		<!-- /.navbar-static-side --> </nav>

	<div id="page-wrapper">
		<div class="row">
			<div class="col-lg-12">
				<h1 class="page-header">车辆信息</h1>
			</div>
			<!-- /.col-lg-12 -->
		</div>
		<div class="row">
			<div class="col-lg-12">
				<div class="panel panel-default">
					<div class="panel-heading">停车场信息列表</div>
					<form id="forms">
						<!-- /.panel-heading -->
						<table class="table table-bordered table-striped" id="table1">
							<thead>
							<tr style=" font-size: 18px">
								<th>车位</th>
								<th>车位状态</th>
								<th>车牌号码</th>
								<th>进入时间</th>
								<th>出去时间</th>
								<th>停车时间</th>
								<th>停车花费</th>

							</tr>
							</thead>
						</table>
					</form>
					<!-- /.panel-body -->
				</div>
				<!-- /.panel -->
			</div>
			<!-- /.col-lg-12 -->
		</div>
	</div>
	<!-- /#page-wrapper -->

</div>




<!-- jQuery -->
<script src="../js/jquery.min.js"></script>

<!-- Bootstrap Core JavaScript -->
<script src="../js/bootstrap.min.js"></script>

<!-- Metis Menu Plugin JavaScript -->
<script src="../js/metisMenu.min.js"></script>

<!-- DataTables JavaScript -->
<script src="../js/jquery.dataTables.min.js"></script>
<script src="../js/dataTables.bootstrap.min.js"></script>

<!-- Custom Theme JavaScript -->
<script src="../js/sb-admin-2.js"></script>



</body>

</html>